@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');



* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
	color: #2e3438;
	font-weight: 400;
	letter-spacing: 0.2px;
}

.navbar-brand img {
	width: 80px;
}

.headermain {
	background: #1C012C;
	padding: 0px;
	min-height: 70px;
}

	.headermain .navbar {
		padding: 5px 0px;
	}

	.headermain .navbar-brand {
		top: 15px;
	}

.banner-section {
	background-image: url("/assets/img/Student-Register/banner.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	padding-left: 10%;
}

	.banner-section h1 {
		color: #fff;
		font-size: 65px;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 700;
	}

	.banner-section h2 {
		color: #E76FF5;
		font-size: 60px;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 700;
	}

	.banner-section h6 {
		color: #fff;
		font-size: 40px;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 500;
	}

.enquirenow, .whatweoffer {
	background: #190028;
	padding: 60px 0px;
}

.enquireform h2 {
	color: #fff;
	font-size: 50px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	margin-bottom: 0px;
	
}

.enquireform p, .form-check-label, .enquireform a {
	color: #fff;
}

.form-check-label, .enquireform a {
	font-size: 16px;
	text-decoration: none;
}

.enquireform .form-label {
	color: #fff;
	font-size: 16px;
}

.enquireform .form-control, .enquireform .form-select, .input-group .form-control {
	border: solid 1px #EDCEFF;
	background-color: #554260;
	color: #fff;
}

.btn.btn-outline-secondary {
	border: solid 1px #EDCEFF;
	background-color: #554260;
	color: #fff;
}

.heading h1 {
	color: #CC74FF;
	font-size: 100px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 100px;
}

.wlctext {
	font-family: "Roboto Condensed", sans-serif;
}

	.wlctext h2 {
		font-size: 65px;
		font-weight: 300;
	}

.heading span {
	color: #fff;
	font-weight: 400;
}

.fs-12 {
	font-size: 12px;
}

.sbtbtn {
	background: #5D0092;
	background: linear-gradient(0deg, rgba(93, 0, 146, 1) 0%, rgba(157, 16, 174, 1) 100%);
	border: solid 1px #fff;
	color: #fff;
	font-weight: 600;
	height: 48px;
	min-width: 150px;
}

	.sbtbtn:hover {
		background: #5D0092;
		border: solid 1px #fff;
		color: #fff;
	}

.reginow p {
	font-size: 16px;
	margin-left: 15px;
}

	.reginow p a {
		color: #D020E5;
	}

.signin {
	background: #390458;
	height: 100vh;
}

.formtitle h2 {
	font-size: 52px;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
	text-transform: uppercase;
}

.ftitle2 h2 {
	font-size: 32px;
	color: #fff;
	font-family: "Roboto Condensed", sans-serif;
	display: flex;
	align-items: center;
}

.formtitle {
	align-items: baseline;
}

	.formtitle .reginow p {
		color: #fff;
		font-size: 16px;
	}

		.formtitle .reginow p a {
			text-decoration: none;
		}

.ftitle2 {
	position: relative;
}

	.ftitle2 .fw-light:after {
		width: 100%;
		height: 1px;
		background: #CC74FF;
		display: flex;
		content: "";
		position: absolute;
		left: 0;
		z-index: 0;
	}

	.ftitle2 span {
		background: #190028;
		padding-right: 15px;
		position: relative;
		z-index: 1;
	}

/*
.ftitle2.ftitleA .fw-light::after {
	width: calc(70% - -84px);
}

.ftitle2.ftitleB .fw-light::after {
	width: 75%;
}
.ftitle2.ftitleC .fw-light::after {
	width: 80%;
}
*/

.pb-72 {
	padding-top: 72px;
}

.form-check-input {
	background-color: transparent;
}

.btnoutline {
	background: none;
}

.btnrow {
	display: flex;
	justify-content: flex-end;
}

.notetext {
	border-radius: 8px;
	padding: 20px;
	position: relative;
	border: solid 1px #fff;
	margin-top: 50px;
}

.notetext {
	padding: 24px;
}

	.notetext span {
		background: #190028;
		display: flex;
		color: #fff;
		position: absolute;
		top: -17px;
		padding: 5px 10px;
		font-size: 20px;
		font-weight: 600;
	}

	.notetext p {
		font-size: 20px;
		color: #fff;
		font-weight: 500;
		margin-bottom: 0px;
	}

.disabled-input {
	border: 2px solid #f44336 !important;
	background-color: #fff !important;
}


footer {
	background: #5D0092;
	height: 75px;
	color: #fff;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.termsconditions {
	padding: 80px 0px;
	background: #390458;
	height: 100%;
	color: #fff;
}

	.termsconditions h1 {
		font-family: "Roboto Condensed", sans-serif;
	}

	.termsconditions p {
		font-size: 16px;
	}

	.termsconditions ul {
		padding: 0px;
		margin: 0px;
		list-style-type: disc;
		padding-left: 30px;
	}

		.termsconditions ul li {
			font-size: 16px;
		}


.fntfm {
	font-family: 'Poppins', sans-serif;
}


.fs16 {
	font-size: 16px;
}

.headlogo {
	justify-content: center;
}



	.top-bar a {
		color: #fff;
		text-decoration: none;
		font-size: 16px;
		margin-left: 10px;
		font-weight: 500;
	}

.logo img {
	width: 80px;
}



/*
	Dharti add 01/08/25
*/


html {
	scroll-behavior: smooth;
}

.enquireform .form-control, .enquireform .form-select, .input-group .form-control {
	border: solid 1px #EDCEFF;
	background-color: #554260;
	color: #fff;
}

	.enquireform .form-control:focus,
	.enquireform .form-select:focus,
	.input-group .form-control:focus {
		border-color: #554260;
		color: #fff;
		box-shadow: 0 0 10px 3px #fff;
		outline: none;
	}

.banner-section h5 {
	color: #fff;
	font-size: 38px;
	font-family: Roboto Condensed;
	font-weight: 500;
}

.top-bar {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 10px 20px;
	background-color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.top-bar {
	position: absolute;
	right: 25px;
	top: 14px;
}

.styled-link {
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	padding: 6px 12px;
	border-radius: 4px;
	transition: background-color 0.3s ease;
}

	.styled-link:hover {
		background-color: #0056b3;
		text-decoration: none;
	}

.word-counter {
	position: absolute;
	top: 8px;
	right: 16px;
	font-size: 18px;
	color: #888;
	background: #f8f9fa;
	padding: 2px 6px;
	border-radius: 5px;
	z-index: 1;
	top: 10px;
	color: #fff;
}

.footer-bar {
	background-color: #5b0099;
	color: #fff;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 12px;
	padding-bottom: 12px;
	flex-wrap: wrap;
}

.footer-left {
	text-align: left;
}

.footer-right {
	text-align: right;
}

/* Mobile responsiveness */
@@media (max-width: 576px) {
	.footer-bar {
		flex-direction: column;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
	}

	.footer-left,
	.footer-right {
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}
}

.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(35, 0, 60, 0.85);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	padding: 20px; /* for smaller screens */
	box-sizing: border-box;
}

/* Popup box */
.popup-box {
	background: #fff;
	padding: 25px 30px;
	border-radius: 12px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
	
	animation: fadeIn 0.4s ease;
	position: relative;
	box-sizing: border-box;
}

/* Close button */
.popup-close {
	position: absolute;
	top: 12px;
	right: 18px;
	font-size: 24px;
	color: #999;
	cursor: pointer;
	z-index: 10001;
}

	.popup-close:hover {
		color: #333;
	}

/* Title */
.popup-title {
	font-size: 20px;
	font-weight: bold;
	color: #8e24aa;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: center;
}

/* Divider (optional) */
.popup-divider {
	border: none;
	height: 2px;
	background-color: #e0e0e0;
	margin: 10px 0 20px 0;
}

/* Label and paragraph */
.popup-box p {
	font-size: 16px;
	margin-bottom: 12px;
	color: #333;
	line-height: 1.5;
	word-break: break-word;
}

.popup-box .label {
	font-weight: 600;
	color: #555;
}

/* Links */
.popup-box a {
	color: #6a1b9a;
	text-decoration: underline;
	word-break: break-word;
}

/* Animation */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Media Queries for extra small devices */
@media (max-width: 480px) {
	.popup-box {
		padding: 20px;
		max-width: 90%;
	}

	.popup-title {
		font-size: 18px;
	}

	.popup-box p {
		font-size: 14px;
	}
}

.btn-gradient-purple {
	background: linear-gradient(90deg, #a10bea, #8000c9);
	color: #fff;
	font-weight: 600;
	padding: 10px 25px;
	border: 1px solid #fff;
	border-radius: 8px;
	transition: all 0.3s ease;
}

	.btn-gradient-purple:hover {
		background: linear-gradient(90deg, #8000c9, #a10bea);
		color: #fff;
		border-color: #fff;
		box-shadow: 0 0 10px rgba(161, 11, 234, 0.5);
	}

.popup-divider {
	border: none;
	height: 2px;
	background-color: #8000c9; /* purple */
	opacity: 0.2;
	margin: 10px 0 20px;
}

/* Target labels before required inputs */
label.form-label:has(+ input[required]),
label.form-label:has(+ select[required]) {
	position: relative;
}

	label.form-label:has(+ input[required])::after,
	label.form-label:has(+ select[required])::after {
		content: ' *';
		color: red;
	}
/*forgot password*/

.forgot-password-modal {
	border-radius: 10px;
	padding: 15px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
		z-index: 1055 !important;
	pointer-events: auto !important;
}

	.forgot-password-modal .modal-title {
		color: #5b0099;
		font-size: 20px;
		font-weight: 600;
	}

	.forgot-password-modal .form-label {
		font-weight: 500;
		color: #333;
	}

	.forgot-password-modal .form-control:focus {
		border-color: #8000c9;
		box-shadow: 0 0 0 0.2rem rgba(128, 0, 201, 0.25);
		outline: none;
	}

@media (max-width: 576px) {
	.modal-dialog {
		margin: 1rem;
	}

	.modal-content {
		padding: 10px;
	}

	.forgot-password-modal .modal-title {
		font-size: 18px;
	}

	.forgot-password-modal .form-control {
		font-size: 14px;
	}
}




/* Responsive tweaks for small screens */
@media (max-width: 480px) {
	.modal-dialog {
		margin: 20px;
	}

	.modal-footer .btn {
		width: 100%;
	}

	.modal-body {
		font-size: 15px;
	}

	.modal-title {
		font-size: 18px;
	}
}

@media (max-width: 576px) {
	.modal-dialog {
		max-width: 95%;
		margin: 1.5rem auto;
	}

	.modal-content {
		border-radius: 10px;
	}
}

@media (max-width: 576px) {
	/*.top-bar {
		top: 5px;
		right: 10px;
		flex-direction: column;
		align-items: flex-end;
		gap: 6px;
	}*/

	.styled-link {
		font-size: 13px;
		padding: 4px 8px;
	}

	.navbar-brand img {
		max-width: 150px;
		height: auto;
	}
}

.loader-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7); /* dim background */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.loader-box {
	text-align: center;
}

.spinner-border {
	width: 3rem;
	height: 3rem;
	color: #fff;
}

.loading-text {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}